<template>
  <div class="root">
    <!-- 自定义事件的使用很简单，直接在子组件上 @自定义事件名称="methods中定义的方法名称" 即可。我建议你最好写一样的名字，防止搞混掉-->
    <Child @handleClick="handleClick"></Child>
  </div>
</template>

<script>
import Child from "./components/Child.vue";

export default {
  components: {
    Child,
  },
  methods: {
    // 参数列表里可以和子组件中对应上
    handleClick(param1, param2) {
      console.log("handleClick", "而且我还拿到了参数: ", param1, param2);
    },
  },
};
</script>

<style scoped>
.root {
  display: flex;
  height: 100vh;
  flex-direction: column;
}

div {
  height: 100px;
}
</style>

<style>
* {
  margin: 0;
  padding: 0;
}
</style>
